/**
 * 绘制矩形边框
 */
export function drawStrokeRect(ctx, x, y, width, height, strokeStyle = 'rgb(200,0,0)') {
    ctx.strokeStyle = strokeStyle;
    ctx.strokeRect(x, y, width, height);
}

/**
 * 绘制填充的矩形
 */
export function drawFillRect(ctx, x, y, width, height, fillStyle = 'rgb(200,0,0)') {
    ctx.fillStyle = fillStyle;
    ctx.fillRect(x, y, width, height);
}

/**
 * 绘制空心圆
 */
export function drawCircle(ctx, x, y, radius, strokeStyle = 'rgb(200,0,0)') {
    ctx.beginPath();
    ctx.arc(x, y, radius, 0, 2 * Math.PI);
    ctx.strokeStyle = strokeStyle;
    ctx.stroke();
}

/**
 * 绘制实心圆
 */
export function drawFillCircle(ctx, x, y, radius, fillStyle = 'rgb(200,0,0)') {
    ctx.beginPath();
    ctx.fillStyle = fillStyle;
    ctx.arc(x, y, radius, 0, 2 * Math.PI);
    ctx.fill();
}

/** 绘制文字 */
export function drawFillText(ctx, x, y, text, fillStyle = 'black', fontSize = 12) {
    // 设置字体样式、颜色等属性
    ctx.font = `${fontSize}px Arial`;
    ctx.fillStyle = fillStyle;
    // 使用fillText()方法在指定位置绘制文字
    ctx.fillText(text, x, y);
}
